<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>注册页面</title>
 <script src="/js/jquery-3.6.0.min.js" type="text/javascript"></script>
    <script>
        //页面加载完成
        $(function () {
           //给账号的文本输入框绑定一个失焦事件
           $("#uname").blur(function () {
                getUserByName();
            })
        })
        //声明一个验证账号的函数
        function getUserByName() {
            var flag=false;
            //获取文本框中输入账号
            var uname=$("#uname").val().trim();
            if(uname!="") {
                //使用ajax异步传输数据
                $.ajax({
                    url:"/UserController/getUserByName/"+uname,
                    async:false,//设置数据同步执行
                    type:"post",
                    success:function (data) {
                        alert("请求成功"+data);
                        if(data=="true"){
                            $("#div").html("该账号已经被注册");
                            $("#div").attr("style","color:red")
                            flag=true;
                        }else if(data=="false"){
                            $("#div").html("√");
                            $("#div").attr("style","color:green")
                            flag=false;
                        }
                    },
                    error: function () {
                        alert("请求失败");
                    }
                })
            }
            return flag;
        }
    </script>
</head>
<body>
<center>
    <fieldset>欢迎来到注册页面</fieldset>
   <%-- enctype="multipart/form-data  修改form的文件类型，提交方式只能是post--%>
    <form action="/UserController/zhuce" method="post" enctype="multipart/form-data">
        <p style="margin-left: 80px">
        <label for="myFile">头像：</label>
        <input type="file" name="myFile" id="myFile" required/>
        </p>
        <p>
            <label for="uname">账号：</label>
            <input type="text" name="uname" id="uname" required>
            <span id="div" style="color: red"></span>
        </p>
        <p>
            <label for="upwd">密码：</label>
            <input type="text" name="upwd" id="upwd" required>
        </p>
        <span style="color: red">${error}</span>
        <p>
            <input type="submit" value="注册">
            &nbsp;&nbsp;&nbsp;
            <input type="button" value="返回" onclick="history.back()" >
        </p>
    </form>
</center>
</body>
</html>
